<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>INSPINIA | Main view</title>

    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="font-awesome/css/font-awesome.css" rel="stylesheet">

    <link href="css/animate.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <link href="css/file/fileinput.css" rel="stylesheet">
    <link href="css/file/fileinput-rtl.css" rel="stylesheet">

</head>

<body onload="onloadIndexPage()" class="pace-done">

<div id="wrapper">


    <nav class="navbar-default navbar-static-side" role="navigation">
        <div class="sidebar-collapse">
            <ul class="nav metismenu" id="side-menu">
                <li class="nav-header">
                    <div class="dropdown profile-element">
                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                            <span class="clear"> <span class="block m-t-xs"> <strong
                                    class="font-bold">David Williams</strong>
                             </span> <span class="text-muted text-xs block">Art Director <b
                                    class="caret"></b></span> </span> </a>
                        <ul class="dropdown-menu animated fadeInRight m-t-xs">
                            <li><a href="#">Logout</a></li>
                        </ul>
                    </div>
                    <div class="logo-element">
                        IN+
                    </div>
                </li>
                <li class="active">
                    <a href="javascript:void(0);" attr-href="minor"><i class="fa fa-th-large"></i> <span
                            class="nav-label">Main view</span></a>
                </li>
                <li>
                    <a href="javascript:void(0);" attr-href="currentMonth"><i class="fa fa-th-large"></i> <span
                            class="nav-label">当月异常考勤</span> </a>
                </li>
                <li>
                    <a href="javascript:void(0);" attr-href="currentMonthTotal"><i class="fa fa-th-large"></i> <span
                            class="nav-label">当月异常考勤汇总</span> </a>
                </li>
                <li>
                    <a href="javascript:void(0);" attr-href="lastMonth"><i class="fa fa-th-large"></i> <span
                            class="nav-label">上月异常考勤</span> </a>
                </li>
                <li>
                    <a href="javascript:void(0);" attr-href="lastMonthTotal"><i class="fa fa-th-large"></i> <span
                            class="nav-label">上月异常考勤汇总</span> </a>
                </li>
                <li>
                    <a href="javascript:void(0);" attr-href="fileUpload"><i class="fa fa-th-large"></i> <span
                            class="nav-label">上传当月考勤</span> </a>
                </li>
            </ul>

        </div>
    </nav>


    <div id="page-wrapper" class="gray-bg">
        <div class="row border-bottom">
            <nav class="navbar navbar-static-top white-bg" role="navigation" style="margin-bottom: 0">
                <div class="navbar-header">
                    <a class="navbar-minimalize minimalize-styl-2 btn btn-primary " href="#"><i class="fa fa-bars"></i>
                    </a>
                    <form role="search" class="navbar-form-custom" method="post" action="#">
                        <div class="form-group">
                            <input type="text" placeholder="Search for something..." class="form-control"
                                   name="top-search" id="top-search">
                        </div>
                    </form>
                </div>
                <ul class="nav navbar-top-links navbar-right">
                    <li>
                        <a href="#">
                            <i class="fa fa-sign-out"></i> Log out
                        </a>
                    </li>
                </ul>

            </nav>
        </div>
        <div class="wrapper wrapper-content animated fadeInRight">
            <div class="row">
                <!--<div class="text-center m-t-lg">-->
                <!--<h1>-->
                <!--Welcome in INSPINIA Static SeedProject-->
                <!--</h1>-->
                <!--<small>-->
                <!--It is an application skeleton for a typical web app. You can use it to quickly bootstrap your webapp projects and dev environment for these projects.-->
                <!--</small>-->
                <!--</div>-->
                <div class="loadPage col-lg-12"></div>
            </div>
        </div>
        <div class="footer">
            <div class="pull-right">
                10GB of <strong>250GB</strong> Free.
            </div>
            <div>
                <strong>Copyright</strong> Example Company &copy; 2014-2015
            </div>
        </div>

    </div>
</div>

<!-- Mainly scripts -->
<script src="js/jquery-2.1.1.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/plugins/menu/accordion.js"></script>
<script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
<script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>

<!-- Custom and plugin javascript -->
<script src="js/inspinia.js"></script>
<script src="js/plugins/pace/pace.min.js"></script>

<script src="js/plugins/file/fileinput.js"></script>

<script>
	function keepActive(){
        $("#side-menu").accordion({
            speed: 200
        });
        $("#side-menu li").bind("click",function(){
            var attr=$(this).find("a").attr("attr-href");
            console.log("click menu:"+ attr);
            $(".loadPage").load("../page/"+attr+".html");
            return false;
        });
	}


	function onloadIndexPage(){
	    $(".loadPage").load("../page/minor.html");
	    keepActive();
	    <!--$.ajax({-->
				<!--url: "menuConfigRest",-->
				<!--type: 'GET',-->
				<!--dataType:'json',-->
				<!--cache: false,-->
				<!--success: function(data){-->
				   <!--OnloadInitMenu(data,"side-menu");-->
                   <!--keepActive();-->
				<!--},-->
				<!--error:function(){-->
					<!--console.log(" getMenuList error!");-->
				<!--}-->
        <!--});-->
	}

</script>


</body>

</html>
